<template>
  <u-modal :show="show" showCancelButton title="修改密码" @cancel="cancel" @confirm="confirm">
    <view class="slot-content">
      <u--form ref="uForm" :model="pwd" labelAlign="left" labelWidth="160rpx">
        <u-form-item class="u-border-bottom" label="原密码" prop="origiPwd">
          <u--input v-model="pwd.origiPwd" border="none" placeholder="请输入原密码" type="password"></u--input>
        </u-form-item>
        <u-form-item class="u-border-bottom" label="新密码" prop="newPwd">
          <u--input v-model="pwd.newPwd" border="none" placeholder="请输入新密码" type="password"></u--input>
        </u-form-item>
        <u-form-item class="u-border-bottom" label="确认密码" prop="confirmPwd">
          <u--input v-model="pwd.confirmPwd" border="none" placeholder="请输入确认密码" type="password"></u--input>
        </u-form-item>
      </u--form>
    </view>
  </u-modal>
</template>

<script>
export default {
  props: {
    show: Boolean
  },
  data() {
    return {
      pwd: {
        origiPwd: '',
        newPwd: '',
        confirmPwd: ''
      }
    }
  },
  methods: {
    confirm() {
      this.$emit('close')
    },
    cancel() {
      this.$emit('close')
    }
  }
}
</script>

<style lang="scss" scoped>
</style>